<?php
/**
 * The main teplate file.
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query.
 * E.g., it puts together the home page when no home.php file exists.
 * Learn more: http://codex.wordpress.org/Template_Hierarchy
 *
 * @package WordPress
 * @subpackage Twenty_Ten
 * @since Twenty Ten 1.0
 */

get_header(); ?>
<div class="home-page" >
   <div id="model-slider">
      <ul>
         <li id="menu-model-impression-01" class="menu-model-impression"><a href="#" title="model 01">
            <span class="menu-model-item">1</span>
            <img src="<?php bloginfo('template_url'); ?>/images/transparent-1x1.png" alt="model 01"/>
         </a></li>
         <li id="menu-model-impression-02" class="menu-model-impression"><a href="#" title="model 02">
            <span class="menu-model-item">2</span>
            <img src="<?php bloginfo('template_url'); ?>/images/transparent-1x1.png" alt="model 02"/>
         </a></li>
         <li id="menu-model-impression-03" class="menu-model-impression"><a href="#" title="model 03">
            <span class="menu-model-item">3</span>
            <img src="<?php bloginfo('template_url'); ?>/images/transparent-1x1.png" alt="model 03"/>
         </a></li>
         <li id="menu-model-impression-04" class="menu-model-impression"><a href="#" title="model 04">
            <span class="menu-model-item">4</span>
            <img src="<?php bloginfo('template_url'); ?>/images/transparent-1x1.png" alt="model 04"/>
         </a></li>
      </ul>
   </div> <!-- #modelslider -->
   <div id="model-impressions">
      <div id="model-01" class="model">&nbsp;
         <div class="model-impression-small">&nbsp;
            <img src="<?php bloginfo('template_url'); ?>/images/model/model-Yvon-small.png" alt="model Yvon"/>
         </div>
         <div class="model-impression">&nbsp;
            <img src="<?php bloginfo('template_url'); ?>/images/model/model-Yvon-big.png" alt="model Yvon"/>
         </div>
         <div class="model-name">&nbsp;
            <img src="<?php bloginfo('template_url'); ?>/images/model/model-Yvon-name.png" alt="model name"/>
         </div>
      </div>
      <div id="model-02" class="model">&nbsp;
         <div class="model-impression-small">&nbsp;
            <img src="<?php bloginfo('template_url'); ?>/images/model/model-Jessy-small.png" alt="model Jessy"/>
         </div>
         <div class="model-impression">&nbsp;
            <img src="<?php bloginfo('template_url'); ?>/images/model/model-Jessy-big.png" alt="model Jessy"/>
         </div>
         <div class="model-name">&nbsp;
            <img src="<?php bloginfo('template_url'); ?>/images/model/model-Jessy-name.png" alt="model name"/>
         </div>
      </div>
      <div id="model-03" class="model">&nbsp;
         <div class="model-impression-small">&nbsp;
            <img src="<?php bloginfo('template_url'); ?>/images/model/model-Frida-small.png" alt="model Frida"/>
         </div>
         <div class="model-impression">&nbsp;
            <img src="<?php bloginfo('template_url'); ?>/images/model/model-Frida-big.png" alt="model Frida"/>
         </div>
         <div class="model-name">&nbsp;
            <img src="<?php bloginfo('template_url'); ?>/images/model/model-Frida-name.png" alt="model name"/>
         </div>
      </div>
      <div id="model-04" class="model">&nbsp;
         <div class="model-impression-small">&nbsp;
            <img src="<?php bloginfo('template_url'); ?>/images/model/model-Diede-small.png" alt="model Diede"/>
         </div>
         <div class="model-impression">&nbsp;
            <img src="<?php bloginfo('template_url'); ?>/images/model/model-Diede-big.png" alt="model Diede"/>
         </div>
         <div class="model-name">&nbsp;
            <img src="<?php bloginfo('template_url'); ?>/images/model/model-Diede-name.png" alt="model name"/>
         </div>
      </div>
      <!-- star cloud -->
      <div id="star-cloud-home-01" class="star-cloud">
         <img src="<?php bloginfo('template_url'); ?>/images/site/star-cloud.png" alt=""/>
      </div>
      <div id="star-cloud-home-02" class="star-cloud">
         <img src="<?php bloginfo('template_url'); ?>/images/site/star-cloud.png" alt=""/>
      </div>
      <div id="star-cloud-home-03" class="star-cloud">
         <img src="<?php bloginfo('template_url'); ?>/images/site/star-cloud.png" alt=""/>
      </div>

   </div> <!-- .model-impressions -->

   <div class="home-text">
      <div class="welcome-text">
         <span class="capital-bold">WELKOM</span><span class="capital"> BIJ JESLEE</span>
      </div>
      <div class="intro-text">
         <p>
            Korte intro dolor sit amet, consectetur adipiscing elit. Phasellus molestie tortor ac massa dignissim blandit. Fusce vel odio magna, id ultricies arcu. Morbi ac arcu ac mi consequat faucibus.
         </p>
      </div>
      <div class="view-collection">
         <a href="#">
            <img src="<?php bloginfo('template_url'); ?>/images/site/bekijk-volledige-collectie.gif" alt="model Diede"/>
         </a>
      </div>
   </div>
</div> <!-- home -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>
